<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM DOCUMENT</title>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>

<div class="cls1">div4</div>

<div class="cls1">div5</div>

<input type="text" name="username">
<script>
    //var divs = document.getElementsByTagName("div")

    // var div_cls = document.getElementsByClassName("cls1")

    // var ele_username = document.getElementsByName("username")

/*
                    获取element对象
                    getElementById()
                    getElementByTagName()  返回值为数组
                    getElementByClassName()返回值为数组
                    getElementByName()     返回值为数组

                    创建其他DOM对象

                    document.createElement(element)	创建 HTML 元素
                    document.removeChild(element)	删除 HTML 元素
                    document.appendChild(element)	添加 HTML 元素
                    document.replaceChild(element)	替换 HTML 元素
    */
</script>
</body>
</html>